<style type="text/css">
    i{font-style: normal;}
    ul{padding-left: 0px;}
    body,html{overflow-x: hidden;}
    #mask{opacity: .60;}
    #head_tit{display:-webkit-box;display:box;height: 45px;line-height: 45px;border-bottom: 1px solid #f6f6f6;position: relative;top:0px;z-index: 220;width: 100%;background:rgba(255,255,255,0.98);padding:0px;}
    #head_tit .head_tit_left{padding-left: 4%;font-size: 20px;color: #4c4c4c;text-align: left;}
    #head_tit .head_tit_right{padding-right: 4%;text-align: right;}
    #head_tit .head_tit_left,#head_tit .head_tit_right{width: 45px;}
    #head_tit .head_tit_center{-webkit-box-flex:2;text-align: center;color: #333333;font-size: 17px;font-weight: 600!important}
    #head_tit .head_tit_right{font-size:17px;color:#4c4c4c!important}
    #head_tit .head_tit_right span{color:#4c4c4c!important}
    #head_tit .head_tit_left span{color:#4c4c4c!important}
    /*内容样式*/
    .input-group-select{height: 34px;font-size: 14px;}
    .col-md-2{width: 18.66%}
    .promote-chosetupload > input{
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        opacity: 0;
        z-index: 222;
    }
    .bargain_infoimg{min-height: 90px;}
    option:disabled{background: #F0F0F0;}
    .col-md-7 {
        width: 56.333333%;
    }
    /*富文本编辑*/
    .panel .panel-body p+p {margin-top: 0px;}
    .form-group .control-label{padding-top: 7px;}
    .datetimepicker table tr td.today{background-color: #ffffff;}
    .datetimepicker{z-index: 300!important}

    /* 大转盘样式 */
    .opengift_href{position: absolute;right:0;top:0}
    .opengift_href span{background: #daecee;color: #ff4a4a;font-size: 12px;}
    .clear{height:0; overflow:hidden; clear:both}
    .opengift_banner img{display: block;}
    .pack-modal-cont{border: none;}
    .pack-modal-cont .remind{font-size: 15px;color: #666;letter-spacing: 0.2px;}
    .pack-modal-cont .gift .remind{margin-top:10px;margin-bottom: 10px;}
    .pack-modal-cont .no-gift .remind{margin-top: 11px;margin-bottom: 18px;}
    .pack-modal-cont .no-gift .img{margin: 0 auto;}
    .pack-modal-cont  img{width: 67%;}
    .pack-modal-cont .title{font-size: 17px;color: #616161;font-weight: normal;}
    .pack-input input{border: 1px solid #999999;height: 31px;}
    .pack-code{margin-top: 14px;}
    .pack-code .code-btn{color: #fff;background-color: #ff494b;border: 1px solid #ff494b;}
    .pack-modal-btn .sure{color: #fff;background-color: #ff494b;border: 1px solid #ff494b;}
    .receive-item .name{font-size: 15px;}
    .opengift_href{z-index: 10;}
    .banner{display:block;width:88%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
    .banner .turnplate{display:block;width:100%;position:relative;}
    .banner .turnplate canvas.item{width:100%;border-radius: 50%;}
    .banner .turnplate img.pointer{position:absolute;width:22.5%;width: 23%;left: 39%;top: 29%;}
    p{margin: 0px;}
    .seckill-prosrc img{display: block;width: 100%;}
</style>

<link href="/modules/js/umeditor/css/umeditor.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="/modules/js/umeditor/js/template.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/modules/js/umeditor/js/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/modules/js/umeditor/js/umeditor.js"></script>

<style>


    .btn[disabled] {
        color: #333333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }



    .btn:first-child {
        *margin-left: 0;
    }

    .btn.disabled,
    .btn[disabled] {
        cursor: default;
        background-image: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .edui-container,#myEditor{width: 100%!important;}
    #myEditor{max-height: 500px;overflow: hidden;overflow-y:scroll;}
    #myEditor img{max-width: 100%;}
</style>


<!-- 时间选择插件 -->

<div class="page-title q-tit-change" style="margin:10px;">
    <a href="/drainage/index">引流游戏</a> > 创建团购活动
</div>
<div class="row" style="margin:0px;">
<div class="col-sm-12" >
<div class="panel panel-default q-panel-default overflow" style="padding-left: 39px!important;padding-right: 39px!important;padding-top: 45px;" >
<!-- 页面 -->
<div class="fl" id="ShowMessage" style="width: 417px;border: 1px solid #f4f4f4">
    <header id="head_tit">
        <div class="head_tit_center ActBargainName">
            团购活动
        </div>
    </header>
        <div class="seckill-detail" style="position: relative;">
            <div class="seckill-slider">
                <p class="seckill-prosrc"><img src="https://gd4.alicdn.com/imgextra/i3/2449128303/TB2z6uMXSOFJuJjSZFAXXblRFXa_!!2449128303.jpg_400x400.jpg"> </p>
                <div class="seckill-floor">
                    <div class="seckill-time">团购倒计时
                <span class="count-time">
                    <span><i>00</i> 天</span>
                    <span><i>00</i> 时</span>
                    <span><i>00</i> 分</span>
                    <span><i>00</i> 秒</span>
                </span>
                    </div>
                </div>
            </div>
            <div class="seckill-info">
                <div class="title ProductName">思和会1年会员年费团购</div>
                <div class="subtitle Comment">中国家居第一学习社群，一年满满干货来袭，学习不断。</div>
                <div class="seckill-count">
                    <div class="price">
                        <span><span class="GroupScale">2</span>人成团价￥</span>
                        <span class="sale-price groupprice">20</span>
                        <span class="market-price">原价<del>￥<span   class="originalprice">60</span></del></span>
                    </div>
                    <div class="sales">已团：3156件</div>
                </div>
            </div>
            <div class="service-advantage">
                <div class="service-item"><span class="icon ion-ios7-checkmark-outline"></span><span class="Lightspot1">全场包邮</span></div>
                <div class="service-item"><span class="icon ion-ios7-checkmark-outline"></span><span class="Lightspot2">假一赔十</span></div>
                <div class="service-item"><span class="icon ion-ios7-checkmark-outline"></span><span class="Lightspot3">全场包邮</span></div>
            </div>


            <div class="local-groups">
                <div class="local-groups-title">
                    <div class="local-groups-count">商品详情</div>
                </div>
                <div class="goods-details">
                    <img src="https://gd4.alicdn.com/imgextra/i3/2449128303/TB2z6uMXSOFJuJjSZFAXXblRFXa_!!2449128303.jpg_400x400.jpg" />
                </div>
            </div>

            <div class="HT_45"></div>
            <div class="goods-bottom-bar">
                <div class="bottom-bar-item">
                    <p class="price">&yen;<span class="originalprice">2999</span></p>
                    <p class="remind">单独购买</p>
                </div>
                <div class="bottom-bar-item active">
                    <p class="price">&yen;<span class="groupprice">2999</span></p>
                    <p class="remind">拼团购买</p>
                </div>
            </div>
        </div>

</div>
<!-- 内容 -->
<div class="fl" style="width: 720px;" id="changeEvent">
<div class="borderf6 m-l-20">
<div class="promote-chosetypecont" style="padding-bottom: 0px;">
    <div class="promote-chosetype overflow">
        <div class="fl"><span class="ion-navicon"></span>活动信息</div>
    </div>
    <div class="promote-scendcont">
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动名称：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control p-yl2 ActBargainName" data-classname ="ActBargainName" placeholder="" v-model.watchValue="ActBargainName" >
            </div>
            <label class="col-md-3 control-label pass-msg error actbargainname" style="font-weight: 500;"></label>
        </div>
        <!--  <div class="form-group overflow">
             <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动描述：</label>
             <div class="col-md-7" >
                 <input type="text"  class="form-control p-yl2 Title Comment" placeholder="" v-model.watchValue="Comment" >
             </div>
             <label class="col-md-3 control-label pass-msg error comment" style="font-weight: 500;"></label>
         </div> -->
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动封面图(前端列表)：</label>
            <div class="col-md-7 promote-chosetupload" >
                <input type="file" id="CoverSrc" name="file">
                <div class="input-group">
                    <input type="text" id="example-input2-group1" name="example-input2-group1" class="form-control" placeholder="活动封面图" readonly>
                    <span class="input-group-addon"><i class="fa ion-image"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error coversrc" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动开始日期：</label>
            <div class="col-md-7" >
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="" id="StartDate" readonly>
                    <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error startdate" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">活动结束日期：</label>
            <div class="col-md-7" >
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="" id="EndDate" readonly>
                    <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error enddate" style="font-weight: 500;"></label>
        </div>

        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500">是否开启：</label>
            <label class="cr-styled col-md-3 isopen" style="margin-top: 9px;"><input type="checkbox" class="isuseable IsUseableOnWeekend" data-type="100"><i class="fa"></i> 开启活动 </label>
        </div>

    </div>
</div>
<div class="promote-chosetypecont" style="padding-bottom: 0px;">
    <div class="promote-chosetype overflow">
        <div class="fl"><span class="ion-navicon"></span>商品信息</div>
    </div>
    <div class="promote-scendcont">
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">商品主图：</label>
            <div class="col-md-7 promote-chosetupload" >
                <input type="file" id="ShopMainSrc" name="file" >
                <div class="input-group">
                    <input type="text" id="example-input2-group2" name="example-input2-group2" class="form-control" placeholder="图片尺寸" readonly>
                    <span class="input-group-addon"><i class="fa ion-image"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error poductsrc" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">商品名称：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control p-yl2 ProductName" data-classname ="ProductName" placeholder="" >
            </div>
            <label class="col-md-3 control-label pass-msg error productname" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">商品描述：</label>
            <div class="col-md-7">
                <textarea class="form-control p-yl2 Comment"  data-classname ="Comment" rows="2" ></textarea>
            </div>
            <label class="col-md-3 control-label pass-msg error comment" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">商品类型：</label>
            <div class="col-md-7" >
                <select class="input-group-select form-control " id="ShopType">
                    <option value="100">实物产品</option>
                    <!-- <option value="200">年费会员升级</option> -->
                </select>
            </div>
            <label class="col-md-3 control-label pass-msg error title" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">派送方式：</label>
            <div class="col-md-7" >
                <select class="input-group-select form-control " id="ShopFreeWay">
                    <!-- <option value="100" disabled="true">系统自动处理（虚拟产品）</option> -->
                    <option value="200">线下门店自提（实物产品）</option>
                    <option value="300">线上物流发货（实物产品）</option>
                </select>
            </div>
            <label class="col-md-3 control-label pass-msg error title" style="font-weight: 500;"></label>
        </div>
        <!-- 默认先 方式1 3  去掉 -->
        <div class="form-group overflow receiveWay1">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">线下领取地址：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control ReceiveAdd"  placeholder="">
            </div>
            <label class="col-md-3 control-label pass-msg error receiveadd" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow receiveWay2" style="display: none;">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">订单提醒电话：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control NoticeTel" placeholder="">
            </div>
            <label class="col-md-3 control-label pass-msg error noticetel" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow receiveWay3" >
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动咨询电话：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control  Hotline" placeholder="">
            </div>
            <label class="col-md-3 control-label pass-msg error hotline" style="font-weight: 500;"></label>
        </div>

        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">商品详情：</label>
            <div class="col-md-7">
                <div class="input-group ProductDetial">
                    <input type="text" class="form-control" placeholder="" readonly>
                    <span class="input-group-addon"><i class="productdetial ion-code"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error productdetial" style="font-weight: 500;"></label>
        </div>

    </div>
</div>
<div class="promote-chosetypecont" style="padding-bottom: 0px;">
    <div class="promote-chosetype overflow">
        <div class="fl"><span class="ion-navicon"></span>配置信息</div>
    </div>
    <div class="promote-scendcont">
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">拼团价格：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control GroupPrice" placeholder="">
            </div>
            <label class="col-md-3 control-label pass-msg error groupprice" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">原始价格：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control OriginalPrice"  placeholder="">
            </div>
            <label class="col-md-3 control-label pass-msg error originalprice" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">活动名额：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control ActCnt" placeholder="" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                       onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}">
            </div>
            <label class="col-md-3 control-label pass-msg error actcnt" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">拼团规模：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control p-yl2 GroupScale" data-classname ="GroupScale"  placeholder="" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                       onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}">
            </div>
            <label class="col-md-3 control-label pass-msg error groupscale" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">开团有效期(小时)：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control GroupPeriod"  placeholder="" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                       onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}">
            </div>
            <label class="col-md-3 control-label pass-msg error groupperiod" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">配置亮点1：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control p-yl2 Lightspot1" data-classname ="Lightspot1" placeholder="" v-model.watchValue="Lightspot1">
            </div>
            <label class="col-md-3 control-label pass-msg error lightspot1" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">配置亮点2：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control p-yl2 Lightspot2" data-classname ="Lightspot2" placeholder="" v-model.watchValue="Lightspot2">
            </div>
            <label class="col-md-3 control-label pass-msg error lightspot2" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">配置亮点3：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control p-yl2 Lightspot3" data-classname ="Lightspot3" placeholder="" v-model.watchValue="Lightspot3">
            </div>
            <label class="col-md-3 control-label pass-msg error lightspot3" style="font-weight: 500;"></label>
        </div>

    </div>
</div>
<div class="promote-chosetypecont" style="padding-bottom: 0px;">
    <div class="promote-chosetype overflow">
        <div class="fl"><span class="ion-navicon"></span>微信分享</div>
    </div>
    <div class="promote-scendcont">
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">分享标题：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control ShareTitle" placeholder=""  >
            </div>
            <label class="col-md-3 control-label pass-msg error sharetitle" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">分享内容：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control ShareContent">
            </div>
            <label class="col-md-3 control-label pass-msg error sharecontent" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">分享封面：</label>
            <div class="col-md-7 promote-chosetupload" >
                <input type="file" id="wxMainSrc" name="file">
                <div class="input-group">
                    <input type="text" id="example-input2-group3" name="example-input2-group1" class="form-control" placeholder="上传分享封面" readonly>
                    <span class="input-group-addon"><i class="fa ion-image"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error sharesrc" style="font-weight: 500;"></label>
        </div>


    </div>
</div>
</div>
<!-- 保存 -->
<div class="fr m-t-15 m-b-15">
    <button type="button" class="btn btn-info  m-b-5 overflow m-r-10 SaveBtn" isclick="1" style="font-size: 18px;padding: 6px 30px;">
        创建</button>
</div>
</div>

</div>
</div>
</div>





<!-- 编辑 -->
<div id="Detail" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header" style="border-bottom: 0px;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" style="text-align: center;">商品详情</h4>
            </div>
            <div class="modal-body" style="padding: 0px;">
                <div type="text/plain" id="myEditor" style="width:1000px;height:240px;">

                </div>
            </div>
            <div class="modal-footer" style="border-top: 0px;padding-bottom: 15px;">
                <div class="pass-msg error m-r-10"></div>
                <button type="button" class="btn btn-info btn-sure">确定</button>
            </div>
        </div>
    </div>
</div>

<div class="bargain_infoimg" style="display: none;">
    <img src="/modules/img/slefneed/active/avtivelogo.png">
</div>















<link rel="stylesheet" type="text/css" href="/modules/assets/timepicker/bootstrap-timepicker.min.css">
<script src="/modules/assets/timepicker/bootstrap-timepicker.min.js"></script>
<script src="/modules/assets/timepicker/bootstrap-timepicker.min-zn.js"></script>

<!-- <script type="text/javascript" src="/web/static/awardRotate.js"></script> -->

<script type="text/javascript">
    var cont = {
        value:function(obj){
            var innerHTML = document.getElementById(obj).innerHTML
            $('.'+obj).html(innerHTML);
            // console.log(innerHTML);
        }
    }
    seajs.use('drainage/groupcreate');
</script>


<script type="text/javascript">


</script>



























